<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"><!--<![endif]-->
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title><g:layoutTitle default="Grails"/></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="shortcut icon" href="${resource(dir: 'images', file: 'favicon.ico')}" type="image/x-icon">
		<link rel="apple-touch-icon" href="${resource(dir: 'images', file: 'apple-touch-icon.png')}">
		<link rel="apple-touch-icon" sizes="114x114" href="${resource(dir: 'images', file: 'apple-touch-icon-retina.png')}">
		<link rel="stylesheet" href="${resource(dir: 'css', file: 'wp.css')}" type="text/css">
		<link rel="stylesheet" href="${resource(dir: 'css', file: 'the-grid.css')}" type="text/css">
		<link rel="stylesheet" href="${resource(dir: 'css', file: 'main.css')}" type="text/css">
		<link rel="stylesheet" href="${resource(dir: 'css', file: 'mobile.css')}" type="text/css">
		<g:javascript library="jquery"/>
		<r:require module="jquery-ui"/>
		<g:layoutHead/>
		<r:layoutResources />
		<ga:trackPageview />
	</head>
	<body>
		<aside class="top-aside clearfix">
			<div class="center-wrap">
				<div class="one_half">
				</div><!-- END top-toolbar-left -->
	            
				<div class="one_half">
					<div class="sidebar-widget social_widget"><span class="display-none">Be Social</span>		
						<ul style="padding:  0 0 10px 20px; float: right;">
							<li>
								<sec:ifNotLoggedIn>
								  <g:link controller="login" action="auth">Login</g:link><g:link controller="register">&nbsp;&nbsp;Register</g:link>
								</sec:ifNotLoggedIn>
							</li>
							<li>
								<sec:ifAnyGranted roles="ROLE_USER,ROLE_ADMIN">
								  Welcome <g:link controller="profile" action="show"><sec:username/></g:link> (<g:link controller="logout" style="padding-left: 0;">sign out</g:link>)
								</sec:ifAnyGranted>
							</li>
						</ul>		
			
						<ul class="social_icons sf-js-enabled">
							<li><a class="rss" onclick="window.open(this.href);return false;" href="http://www.pijunn.com/feed">RSS</a></li>
								
							<li><a onclick="window.open(this.href);return false;" class="twitter" href="http://www.twitter.com/pijunnfood">Twitter</a></li>
							<li><a onclick="window.open(this.href);return false;" class="facebook" href="http://www.facebook.com/pijunn">Facebook</a></li>
							<li><a onclick="window.open(this.href);return false;" class="email" href="mailto:support@pijunn.com">Email</a></li>
							<li><a onclick="window.open(this.href);return false;" class="youtube" href="http://www.youtube.com/pijunn">YouTube</a></li>
							<li><a onclick="window.open(this.href);return false;" class="linkedin" href="http://www.linkedin.com/company/pijunn">LinkedIn</a></li>
						</ul>				
					</div>	
				</div><!-- END top-toolbar-right -->
			</div><!-- END center-wrap -->
		    <div class="top-aside-shadow"></div>
		</aside>
		<header>
			<div class="center-wrap"> 
				<div class="companyIdentity">
		    		<a href="http://www.pijunn.com"><img alt="Pijunn" src="${createLink(uri: '/images/Pijunn-logo-400.png')}"></a>
				</div><!-- END companyIdentity -->    
				<nav>
					<ul>
						<li class="menu-item menu-item-type-post_type menu-item-object-page" id="menu-item-1"><a href="http://www.pijunn.com" title="Back to home page">Home</a></li>
						<li class="menu-item menu-item-type-post_type menu-item-object-page" id="menu-item-2"><a href="${createLink(uri: '/lost')}" title="Tell us what you lost">Lost</a></li>
						<li class="menu-item menu-item-type-post_type menu-item-object-page" id="menu-item-3"><a href="${createLink(uri: '/found')}" title="Tell us what you found">Found</a></li>
						<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-4"><a href="http://www.pijunn.com/Shop" title="Purchase Labels, Fobs, Etc.">Merchandise</a></li>
						<li class="menu-item menu-item-type-post_type menu-item-object-page" id="menu-item-5"><a href="${createLink(uri: '/labeledItem')}" title="Register Your Goods">Register Tags</a></li>
						<sec:ifAllGranted roles="ROLE_ADMIN">
							<li class="menu-item menu-item-type-post_type menu-item-object-page" id="menu-item-6">
								<a href="#" title="Administrative Functions">Admin</a>
								<ul class="submenu">
									<li class="menu-item menu-item-type-post_type menu-item-object-page" id="menu-item-6"><a href="${createLink(uri: '/appUser')}" title="Manage Registered Users">Manage Users</a></li>
									<li class="menu-item menu-item-type-post_type menu-item-object-page" id="menu-item-6"><a href="${createLink(uri: '/label')}" title="Manage Label Inventory">Inventory Labels</a></li>
								</ul>
							</li>
						</sec:ifAllGranted>
					</ul>
				</nav>
			</div><!-- END center-wrap -->
			
			<span class="feedback followLink" id="usrFeedBk"></span>
			<div id="memberFeedbackPanel" title="Send Feedback" class="hidden">
	    		<p class="validateTips">We welcome all feedback, input, gripes and kudos!.</p>
	 
				<g:formRemote url="[controller: 'feedback']" onLoading="feedbackSent()" onComplete="feedbackComplete()" name="memberFeedbackForm">
					<div class="label">Dear Pijunn,</div>
					<div id="feedbackTextDiv">
						<textarea style="height: 200px; width: 305px;" tabindex="101" name="feedbackText" id="feedbackText"></textarea>                
					</div>
				
					<div class="row">
						<sec:ifNotLoggedIn>
							<div class="label formatLH">Your Email Address</div>
							<div id="memberEmailDiv" class="field">
								<input type="text" maxlength="64" tabindex="102" name="feedbackEmail" id="feedbackEmail">
							</div>
						</sec:ifNotLoggedIn>
					</div>
				</g:formRemote>
			</div>			
		</header>
		<section class="small_banner">
			<div class="center-wrap">
				<p class="page-banner-heading"><g:layoutTitle /></p>
			</div>
		</section>

		<g:layoutBody/>
		<div class="footer" role="contentinfo"></div>
		<div id="spinner" class="spinner" style="display:none;"><g:message code="spinner.alt" default="Loading&hellip;"/></div>
		<g:javascript library="application"/>
		<r:layoutResources />
	</body>
</html>
